<template>
  <swiper class="form-swiper-container">
    <swiper-item v-for="i in 4" :key="i">
      <view class="swiper-item" :style="`background-color: ${i%2==1?'green':'red'};height:${i%2==1?'200':'300'}rpx`">{{i}}</view>
    </swiper-item>
  </swiper>
</template>
<script lang="ts" setup>
import { ref, onMounted, getCurrentInstance, defineProps } from 'vue'
const props = defineProps({
  duration: {
    type: Number,
    default: 0.25,
    descriptors: '动画持续时间,单位:秒'
  }
});

</script>

<style lang="scss">
.form-swiper-container{
  width: 750rpx;
  height: 300rpx;
  .swiper-item{
    width: 750rpx;
    //height: 200rpx;

  }
}
</style>
